
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
body{
	background: #fafafa;
}
.head{
	background: #f84183;
	.px2rem(height, 92);
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	article{
		width: 18%;
		display: flex;
		align-items: center;
		justify-content: center;
		img{
			width: 80%;
		}
	}
	p{
		background: #fff;
		.px2rem(padding-top, 15);
		.px2rem(padding-bottom, 15);
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 50%;
		border-radius: 5px;
		input{
			border:none;
			.px2rem(margin-left, 10);
			outline: none;
			width: 90%;
			.px2rem(font-size, 20);
		}
		img{
			.px2rem(margin-right, 10);
			.px2rem(height, 30);
		}
	}
	.yonghu{
		.px2rem(width, 85);
		.px2rem(height, 85);
	}
	aside{
		.px2rem(width, 85);
		height: 100%;
		background: #a51658;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
.title{
	.px2rem(margin-top, 92);
	.px2rem(padding-top, 50);
	.px2rem(padding-bottom, 50);
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	h4{
		.px2rem(font-size, 28);
		letter-spacing: 1em;
	}
	img{
		width: 50%;
	}
}
.sec{
	display: flex;
	background: #fff;
	flex-direction: column;
	justify-content: center;
	align-items: center;
		justify-content: space-between;
	div{
		display: flex;
		width: 92%;
		.px2rem(padding-top, 25);
		.px2rem(padding-bottom, 20);
		border-bottom: 1px solid #efefee;
		label{
			width: 30%;
			img{
				width: 80%;
			}
		}
		article{
			width: 70%;
			h4{
				.px2rem(font-size, 26);
			}
			p{
				.px2rem(font-size, 22);
				.px2rem(line-height, 36);
				color: #959595;
			}
		}
	}
	aside{
		.px2rem(padding-top, 15);
		.px2rem(padding-bottom, 15);
		width: 92%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		p:first-child{
			display:flex;
			align-items: center;
			color: #737373;
			i{
				.px2rem(padding-right, 15);
				.px2rem(font-size, 35);
			}
		}
		p:last-child{
			display:flex;
			align-items: center;
			i{
				.px2rem(padding-right, 10);
				.px2rem(font-size, 30);
			}
			color: #f84183;
		}
	}
}
.sec1{
	display: flex;
	background: #fff;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	justify-content: space-between;
	.px2rem(margin-top, 35);
	div{
		display: flex;
		width: 92%;
		.px2rem(padding-top, 25);
		.px2rem(padding-bottom, 20);
		border-bottom: 1px solid #efefee;
		label{
			width: 30%;
			img{
				width: 80%;
			}
		}
		article{
			width: 70%;
			h4{
				.px2rem(font-size, 26);
			}
			p{
				.px2rem(font-size, 22);
				.px2rem(line-height, 36);
				color: #959595;
			}
		}
	}
	aside{
		.px2rem(padding-top, 15);
		.px2rem(padding-bottom, 15);
		width: 92%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		p:first-child{
			display:flex;
			align-items: center;
			color: #737373;
			i{
				.px2rem(padding-right, 15);
				.px2rem(font-size, 35);
			}
		}
		p:last-child{
			display:flex;
			align-items: center;
			i{
				.px2rem(padding-right, 10);
				.px2rem(font-size, 30);
			}
			color: #f84183;
		}
	}
}